$(function  () {
    /*
    0 mui自己已经封装好了tap zepto里面不需要在加载对应的模块!!! touch.js
    */
   
    init();
    function init() {
        getQueryTopCategory();
        eventList();
    }

    // 绑定点击事件
    function eventList() {
        // 委托
        $(".left").on("tap","li",function () {
            // 获取被点击一分类的id
            var id = $(this).data("id");
            // 渲染二级分类数据
            getQuerySecondCategory(id);
            // 排他
            $(this).addClass("active").siblings().removeClass("active");
        })
    }
    // 获取一级分类
    function getQueryTopCategory() {
        $.get(location.origin + "/category/queryTopCategory",function (ret) {
            var html = template("leftTpl",{arr:ret.rows});
            // console.log(html);
            $(".left").html(html);
            var id = ret.rows[0].id;
            // 调用二级分类 
            getQuerySecondCategory(id);
        })
    }

    // 获取二级分类
    function getQuerySecondCategory(id) {
        var url = location.origin + "/category/querySecondCategory?id=" + id;
        $.get(url,function (ret) {
            // 判断有无数据
            if(ret.rows.length > 0) {
                var html = template("rightTpl", { arr: ret.rows });
                $(".right").html(html);
            }else {
                $(".right").html("没有更多数据了.么么哒");
            }
        })
    }
})